<template>
  <el-menu
		router
		background-color="#3CA2E0"
		text-color="#ffffff"
		active-text-color="#ffe200">
		<el-sub-menu index="bed">
			<template #title>
				<el-icon>
					<Operation />
				</el-icon>
				床位管理
			</template>
			<el-menu-item index="/bed">床位示意图</el-menu-item>
			<el-menu-item index="/bedManager">床位管理</el-menu-item>
		</el-sub-menu>
		<el-sub-menu index="customer">
			<template #title>客户管理</template>
			<el-menu-item index="/inroom">入住管理</el-menu-item>
			<el-menu-item index="/endroom">退住管理</el-menu-item>
			<el-menu-item index="/outroom">外出管理</el-menu-item>
			<el-menu-item index="/food">膳食管理</el-menu-item>
			<el-menu-item index="/meal">膳食日历</el-menu-item>
		</el-sub-menu>
		<el-sub-menu index="nurse">
			<template #title>护理管理</template>
			<el-menu-item index="/nursecontent">护理项目</el-menu-item>
			<el-menu-item index="/nurselevel">护理级别</el-menu-item>
			<el-menu-item index="/customernurseitem">客户护理设置</el-menu-item>
		</el-sub-menu>
		<el-sub-menu index="health">
			<template #title>健康管家</template>
		</el-sub-menu>
		<el-sub-menu index="user">
			<template #title>用户管理</template>
		</el-sub-menu>
		<el-sub-menu index="dict">
			<template #title>基础资料</template>
			<el-menu-item index="/room/list">房间列表</el-menu-item>
			<el-menu-item index="/bed/list">床位列表</el-menu-item>
		</el-sub-menu>
	</el-menu>
</template>

<script setup>
import { Operation } from '@element-plus/icons-vue'
</script>

<style scoped lang="scss">
.el-menu {
	width: 100%;
	border-right: 0;
}
</style>